<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Company Page</title>

<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />

<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->

</head>

<body>
<div class="wrapper">
	<!-- header -->
	<header class="header">
    	<div class="logo"><a href="#"><img src="images/logo.png" alt="Your Company" /></a></div>
        <div class="top-head">Mr Support: <strong>1020 xxx 9000</strong> - <strong>support@findhouse.com</strong></div>
        <nav class="menu">
        	<ul>
            	<li class="menu-home"><a href="#">Trang chủ</a></li>
                <li class="menu-about"><a href="#">Giới thiệu</a></li>
                <li class="menu-service"><a href="#">Dịch vụ</a></li>
                <li class="menu-contact"><a href="#">Liên hệ</a></li>
            </ul>
        </nav>
        <div class="clear"></div>
    </header>
    <!-- end header -->
    
      
    <!-- content -->
    <section class="main">
    	<!-- sidebar -->
    	<aside class="sidebar">
        	<span class="side-op"></span>
            <div class="block-search">
                <h2 class="title">Find Your <strong>Property</strong></h2>
                <form class="search-fm">
                	<label>Keyword:</label>
                    <input type="text" class="ipt-box" />
                    <label>Search:</label>
                    <div class="wrap-box">
                    	<span class="check-box check-ipt"><input type="checkbox"/>For rent</span>
                        <span class="check-box"><input type="checkbox"/>For sale</span>
                    </div>
                    <label>Type:</label>
                    <div class="wrap-box">
                    	<span class="check-box"><input type="checkbox"/>Apartment for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>Villa for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>Office for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>House for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>Serviced Apartment for rent</span>
                    </div>
                    <label>Location</label>
                    <select class="sel-box">
                    	<option>1</option>
                        <option>2</option>
                    </select>
                    <label>Bedroom</label>
                    <select class="sel-box">
                    	<option>1</option>
                        <option>2</option>
                    </select>
                    <label>Keyword</label>
                    <select class="sel-box">
                    	<option>1</option>
                        <option>2</option>
                    </select>
                    <p class="action-s"><input type="submit" value="Search" class="btn-submit" /></p>
                </form>
            </div>
            
            <div class="block-sideimg">
            	<a href="#"><img src="images/home.gif" alt=""/></a>
            </div>
            
            <div class="block">
            	<h2 class="title"><strong>Apartment</strong> for rent</h2>
                <ul class="list-cate">
                	<li><a href="#">Apartment for rent in District 1</a></li>
                    <li><a href="#">Apartment for rent in District 2</a></li>
                    <li><a href="#">Apartment for rent in District 3</a></li>
                    <li><a href="#">Apartment for rent in District 4</a></li>
                    <li><a href="#">Apartment for rent in District 5</a></li>
                    <li><a href="#">Apartment for rent in District 7</a></li>
                    <li><a href="#">Apartment for rent in District Binh Thanh District</a></li>
                    <li><a href="#">Apartment for rent in District Phu Nhuan District</a></li>
                    <li class="last"><a href="#">Apartment for rent in District Tan Binh District</a></li>
                </ul>
            </div>
            
            <div class="block">
            	<h2 class="title"><strong>Villa</strong> for rent</h2>
                <ul class="list-cate">
                	<li><a href="#">Villa for rent in District 1</a></li>
                    <li><a href="#">Villa for rent in District 2</a></li>
                    <li><a href="#">Villa for rent in District 3</a></li>
                    <li><a href="#">Villa for rent in District 4</a></li>
                    <li><a href="#">Villa for rent in District 5</a></li>
                    <li><a href="#">Villa for rent in District 7</a></li>
                    <li><a href="#">Villa for rent in District Binh Thanh District</a></li>
                    <li><a href="#">Villa for rent in District Phu Nhuan District</a></li>
                    <li class="last"><a href="#">Villa for rent in District Tan Binh District</a></li>
                </ul>
            </div>
            
            <div class="block">
            	<h2 class="title"><strong>Support</strong> online</h2>
                <p class="hotline">Hotline: 0123 xxx xxx</p>
                <ul class="media">
                	<li><a href="#" class="yahoo off">Yahoo</a></li>
                    <li><a href="#" class="skype">Skype</a></li>
                    <li><a href="#" class="facebook">Facebook</a></li>
                </ul>
            </div>
        </aside>
        <!-- sidebar -->
        
        <!-- main content -->
        <section class="main-content">
        	<!-- discrumble-->
        	<section class="discrumble">
            	<a href="#">Trang chủ</a>
                <span>>></span>
                <strong>Company page</strong>
            </section>
            
            <!-- col main -->
            <section class="col-main">
            	<article class="detail">
                	<p class="img-company"><img src="images/logo.png" alt="Your Company"/></p>
                    <h1 class="detail-title">Your Company Co, LTD</h1>
                    <ul class="contact-list">
                            <li><strong>Address:</strong>30/4B Nguyen Cuu Van, Ward 17, Binh Thanh District, HCM</li>
                            <li><strong>Branch:</strong>8A/2B2 Thai Van Lung St, Ben Nghe Ward, District 1, HCM</li>
                            <li><strong>Hotline:</strong>0989.79.33.99</li>
                            <li><strong>Email:</strong><a href="#">support@bestreal.net</a></li>
                            <li><strong>Website:</strong><a href="#">bestreal.net</a></li>
                        </ul>
                    <div class="description">
                        <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in <a href="#">voluptate velit esse cillum dolore</a> eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                        <p><strong>Ut enim ad minim veniam, quis nostrud exercitation</strong> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis <b>aute irure dolor in reprehenderit</b> in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.</p>
                        <ul>
                            <li>Ut enim ad minim veniam, quis nostrud</li>
                            <li>Excepteur sint occaecat cupidatat non proident</li>
                            <li>Aute irure dolor in reprehenderit</li>
                        </ul>
                        <h4>oluptate velit esse cillum dolore</a> eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa</h4>
                        <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in <a href="#">voluptate velit esse cillum dolore</a> eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                        <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in <a href="#">voluptate velit esse cillum dolore</a> eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    </div>
                    
                    <div class="contact-company">
                    	<h3 class="des-title">Contact with us</h3>
                        <ul class="list-er">
                        	<li>
                            	<h4 class="img-er"><a href="#"><img src="images/about.jpg" alt=""/></a></h4>
                                <h3 class="name-er"><a href="#">Melisa Cate</a></h3>
                                <p><strong>Mobile:</strong>0123 566 788</p>
                                <p><strong>Properties:</strong>566</p>
                                <p><a href="#">Contact with Agent</a></p>
                            </li>
                            <li>
                            	<h4 class="img-er"><a href="#"><img src="images/about.jpg" alt=""/></a></h4>
                                <h3 class="name-er"><a href="#">Melisa Cate</a></h3>
                                <p><strong>Mobile:</strong>0123 566 788</p>
                                <p><strong>Properties:</strong>566</p>
                                <p><a href="#">Contact with Agent</a></p>
                            </li>
                            <li>
                            	<h4 class="img-er"><a href="#"><img src="images/about.jpg" alt=""/></a></h4>
                                <h3 class="name-er"><a href="#">Melisa Cate</a></h3>
                                <p><strong>Mobile:</strong>0123 566 788</p>
                                <p><strong>Properties:</strong>566</p>
                                <p><a href="#">Contact with Agent</a></p>
                            </li>
                        </ul>
                    </div>
                </article>
            </section>
        </section>
        <!-- end main content -->
        <div class="clear"></div>
    </section>
    <!-- content -->
    
    <!-- footer -->
    <footer class="footer">
    	<p class="foot-left">
        	<a href="#">Apartment for rent in HCMC</a> are members of <a href="#">Apartment for rent in Saigon</a>
        </p>
        <nav class="foot-menu">
        	<ul>
            	<li><a href="#">Trang chủ</a></li>
                <li><a href="#">Giới thiệu</a></li>
                <li><a href="#">Dịch vụ</a></li>
                <li><a href="#">Liên hệ</a></li>
            </ul>
        </nav>
    </footer>
    <!-- end footer -->
</div>

<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>

</body>
</html>
